<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__STATIC__/mobile/css/common.css" />
    <link rel="stylesheet" href="__STATIC__/mobile/css/about_us.css" />
    <title>{$pcate.name ?: '未名研学'}</title>
</head>

<body>
    <div class="about_us">
        <!--left navigation-->
        <div class="left_navigation">
            <ul>
                {foreach $catelist as $cv}
                {if $cv.id==$cur.id}
                <li class="on">
                    <a href="javascript:;">{$cv.name ?: ''}</a>
                </li>
                {else}
                {php}$cvid = $cv['id'];$pcid = $pcate['id'];$url = url("/item/$pcid-$cvid"){/php}
                <li>
                    <a href='javascript:location.replace("{$url}");'>{$cv.name ?: ''}</a>
                </li>
                {/if}
                {/foreach}

            </ul>
            <!--折叠按钮-->
            <div class="fold">
                <img src="__STATIC__/mobile/img/fold_show.png" alt="" id="show" />
                <img src="__STATIC__/mobile/img/fold.png" alt="" id="hide">
            </div>
        </div>
        <!--公司发展-->
        <div class="about_box">
            {foreach $content as $cv}
            {if $cv.template=='fazhanlicheng'}
            <!--发展历程-->
            <div class="about_list">
                <div class="about_title">
                    <h6>{$cv.title ?: ''}</h6>
                    <img src="__STATIC__/mobile/img/icon-red-dotted.png" alt="" />
                </div>
                <div class="develop_box">
                    <ul class="develop">
                        {foreach $cv.content as $ccv}
                        <li>
                            <div class="develop_content">
                                <!--年份-->
                                <h5 onclick="fold($(this))">{$ccv.year}
                                    <img src="__STATIC__/mobile/img/red_arrow.png" alt="" />
                                </h5>
                                <!--内容-->
                                <div class="month_list">
                                    <!--每月内容-->
                                    {foreach $ccv.event as $ccev}
                                    <div class="list_content">
                                        <div class="month">
                                            <h6>{$ccev.month}</h6>
                                            <p>月</p>
                                        </div>
                                        <div class="month_content">
                                            <p>{$ccev.txt}</p>
                                        </div>
                                    </div>
                                    {/foreach}

                                </div>
                            </div>
                        </li>
                        {/foreach}
                    </ul>
                </div>

            </div>
            {elseif $cv.template=='content'}
            <!--发展战略-->
            <div class="about_list">
                <div class="about_title">
                    <h6>{$cv.title ?: ''}</h6>
                    <img src="__STATIC__/mobile/img/icon-red-dotted.png" alt="" />
                </div>
                <!--map_box-->
                <div class="map_box">
                    {$cv.content.content|raw|default=''}
                </div>
                <!--<ul class="tactic_list hide">-->
                    <!--<li>-->
                        <!--<p>以研学旅行为核心业务，通过在全国铺设分校的模式，构建一个素质教育集团；</p>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<p>计划3-5年，总部与各子公司合并报表，以集团形式打包上市；</p>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<p>分校（子公司）主要负责业务销售、课程执行、客户服务和当地PR事务。</p>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<p>总部负责资本、品牌、课程、IT、培训以及业务的综合调控，分校执行业务的具体运营;</p>-->
                    <!--</li>-->
                <!--</ul>-->
            </div>
            {/if}
            {/foreach}
        </div>
    </div>

    <script src="__STATIC__/mobile/js/rem.js"></script>
    <script src="__STATIC__/mobile/js/jquery-3.3.1.min.js"></script>
    <script>
        $('#show').on('click', function() {
            $('.left_navigation').addClass('hide')
            $('#hide').addClass('show')
        })
        $('#hide').on('click', function() {
                $('.left_navigation').removeClass('hide')
                $('#hide').removeClass('show')
            })
            //折叠年份
        function fold(dom) {
            dom.parents('li').toggleClass('up')
        }
        $('.left_navigation ul li.on').on('click', function() {
            $('.about_box').stop(true).animate({
                'scrollTop': 0
            })
        })
    </script>
</body>

</html>